// pages/paihangbang/paihangbang.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentTab: 'personal',
    selectedCategory: null,
    categoryName: '',
    categories: [
      {
        id: 1,
        name: '业绩为王',
        icon: '/image/paihangbang/04.png'
      },
      {
        id: 2,
        name: '挑战任务',
        icon: '/image/paihangbang/02.png'
      },
      {
        id: 3,
        name: '限时任务',
        icon: '/image/paihangbang/03.png'
      },
      {
        id: 4,
        name: '天天正能量',
        icon: '/image/paihangbang/01.png'
      }
    ],
    rankList: [
      {
        rank: 4,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名',
        score: '90000'
      },
      {
        rank: 5,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名',
        score: '80000'
      },
      {
        rank: 6,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名名',
        score: '70000'
      },
      {
        rank: 7,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名',
        score: '60000'
      },
      {
        rank: 8,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名名',
        score: '50000'
      },
      {
        rank: 9,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名名',
        score: '40000'
      },
      {
        rank: 10,
        avatar: '/image/paihangbang/avatar.jpg',
        name: '姓名名',
        score: '30000'
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  // 切换标签
  switchTab(e) {
    const tab = e.currentTarget.dataset.tab;
    this.setData({
      currentTab: tab,
      selectedCategory: null,  // 切换标签时重置选中的分类
      categoryName: ''
    });
  },

  // 切换分类展开/收起
  toggleCategory(e) {
    const id = e.currentTarget.dataset.id;
    this.setData({
      selectedCategory: this.data.selectedCategory === id ? null : id
    });

    if (this.data.selectedCategory === id) {
      // 加载该分类的排行数据
      wx.showLoading({
        title: '加载中...'
      });

      // 模拟加载数据
      setTimeout(() => {
        wx.hideLoading();
      }, 500);
    }
  },

  // 选择分类
  selectCategory(e) {
    const id = e.currentTarget.dataset.id;
    const name = e.currentTarget.dataset.name;
    this.setData({
      selectedCategory: id,
      categoryName: name
    });

    // 这里可以根据分类 ID 获取对应的排行数据
    wx.showLoading({
      title: '加载中...'
    });

    // 模拟加载数据
    setTimeout(() => {
      wx.hideLoading();
    }, 500);
  }
})